<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <%@include file="../common.jsp"%>
    <title>科室管理</title>
	<meta http-equiv="cache-control" content="no-cache">
	<link rel="stylesheet" type="text/css" href="resources/css/common.css">
	<script type="text/javascript" src="resources/js/framejs/jquery.form.js"></script>  
	<script type="text/javascript" src="resources/js/department.js"></script>  
	<style type="text/css">
		#tab_list img{height: 30px;}
		#tab_list td{line-height:30px;}
	</style>
  </head>
  <body>
   	<div class="content">
   		<h4>科室管理</h4>
   		<hr/>
   		<!-- 查询面板 -->
   		<div class="panel panel-default">
		    <div class="panel-heading">
		      <h4 class="panel-title">
		        <a data-toggle="collapse" data-parent="#accordion" href="#collapseSearch">
		           	<i class="icon icon-search"></i> 查询过滤
		        </a>
		      </h4>
		    </div>
		    <div id="collapseSearch" class="panel-collapse collapse out">
		      <div class="panel-body">
				  <form id="form_search" class="form-horizontal">
			        <div class="form-group">
			          	<label class="col-md-1 control-label">科室名称</label>
			          	<div class="col-md-4">
			             	<input type="text" name="name" id="search_name" class="form-control">
			          	</div>
			          	<label class="col-md-1 control-label">主治疾病</label>
			          	<div class="col-md-4">
			             	<input type="text" name="disease" id="search_disease" class="form-control">
			          	</div>
			        </div>
			        <div class="form-group">
			          <div class="col-md-offset-1 col-md-11">
			             <button id="btn_search" class="btn btn-default"><i class="icon icon-search"></i> 查询</button>
			             <button id="btn_reset" class="btn btn-default"><i class="icon icon-undo"></i> 重置</button>
			          </div>
			        </div>
			      </form>
		      </div>
		    </div>
		</div>
	    <!-- 工具栏 -->
   		<div class="tools">
 	    	<button id="btn_add" type="button" class="btn btn-success"  data-toggle="modal" data-target="#modal_add"><i class="icon icon-plus"></i> 增加</button>
    	    <button id="btn_edit" type="button" class="btn btn-warning"><i class="icon icon-edit"></i> 修改</button>
	    </div>
	    
	    <!-- 列表 -->	    
	    <table id="tab_list" class="table table-hover table-striped mytable">
			<thead>
				<tr>
					<th style="width: 35px;"><input id="pkall" type='checkbox' class='checkbox'></th>
					<th style="width: 50px;">序号</th>
					<th>科室名称 </th>
					<th>科室Logo</th>
					<th>主治疾病</th>
				</tr>
			</thead>
			<tbody>
				
			</tbody>
	  	 </table>
	  	<!-- 分页信息条 -->
	  	<div id="pagebar" class="pagebar">
		  	<ul class="pager">
		  		
			</ul>
			<p id="page_info" class="page_info">显示第<span>0</span>到第<span>0</span>条记录,共<span>0</span>条</p>
	  	</div>
	  </div>
	   
	<!-- 增加 -->
	<div class="modal fade bs-example-modal-lg" id="modal_add" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		  <div class="modal-dialog modal-lg">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
		        <h4 class="modal-title" id="myModalLabel">新增科室信息</h4>
		      </div>
		      <div class="modal-body">
		         <form id="form_add" class="form-horizontal" role="form">
					  <div class="form-group">
					    <label class="col-sm-2 control-label required">科室名称</label>
					    <div class="col-sm-4">
					      <input type="text" name="depName" class="form-control" placeholder="科室名称" data-toggle="tooltip" data-placement="top" title="请输入科室名称">
					    </div>
					    <label class="col-sm-2 control-label required">主治疾病</label>
					    <div class="col-sm-4">
					      <input type="text" name="depTreatDisease" class="form-control" placeholder="主治疾病" data-toggle="tooltip" data-placement="top" title="请输入主治疾病">
					    </div>
					  </div>
				</form>
		        <form id="form_add2" class="form-horizontal" action="common/upload" method="post" enctype="multipart/form-data">
					  <div class="form-group">
				          <label class="col-sm-2 control-label required">科室Logo</label>
				          <div class="col-sm-10">
				             <input type="file" name="file" placeholder="请选择图片..."  data-toggle="tooltip" data-placement="top" title="请上传图片文件">
				          </div>
			          </div>
					  <div class="form-group" style="display:none;">
				          <div class="col-sm-2"></div>
				          <div class="col-sm-10">
				              <a href="" target="_blank">
				              	 <img id="logo_scan" alt="" src="" style="height: 150px;">
				              </a>
				          </div>
			          </div>
		         </form>
		      </div>
		      <div class="modal-footer">
		          <button id="btn_confirm_add" type="button" class="btn btn-primary">确定</button>
		          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
		      </div>
		    </div>
	   </div>
	</div>
	
	<!-- 修改 -->
	<div class="modal fade bs-example-modal-lg" id="modal_edit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
	      		<div class="modal-header">
	        		<button type="button" class="close" data-dismiss="modal">
		        		<span aria-hidden="true">&times;</span>
		        		<span class="sr-only">Close</span>
	        		</button>
	        		<h4 class="modal-title" id="myModalLabel">修改科室信息</h4>
	      		</div>
	      		<div class="modal-body">
	         		<form id="form_edit" class="form-horizontal" role="form" action="department/modify" method="post">
	         	  		<input type="hidden" id="edit_id" name="id">
				  		<div class="form-group">
				    		<label class="col-sm-2 control-label">科室名称*</label>
				    		<div class="col-sm-4">
				      			<input type="text" name="depName" class="form-control" id="edit_name" data-toggle="tooltip" data-placement="top" title="请输入科室名称">
				    		</div>	
				    		<label class="col-sm-2 control-label">主治疾病*</label>
				    		<div class="col-sm-4">
				      			<input type="text" name="depTreatDisease" class="form-control" id="edit_disease" data-toggle="tooltip" data-placement="top" title="请输入主治疾病">
				    		</div>		
				  		</div>	
				  	</form>	
				  	<form id="form_edit2" class="form-horizontal" action="common/upload" method="post" enctype="multipart/form-data">
					  <div class="form-group">
				          <label class="col-sm-2 control-label required">科室Logo</label>
				          <div class="col-sm-10">
				             <input type="file" name="file" placeholder="请选择图片..."  data-toggle="tooltip" data-placement="top" title="请上传图片文件">
				          </div>
			          </div>
					  <div class="form-group" style="display:none;">
				          <div class="col-sm-2"></div>
				          <div class="col-sm-10">
				              <a href="" target="_blank">
				              	 <img id="logo_scan2" alt="" src="" style="height: 150px;">
				              </a>
				          </div>
			          </div>
		         </form>		  
	    		</div>
	    		<div class="modal-footer">
					<button id="btn_confirm_edit" type="button" class="btn btn-primary">确定</button>
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
	            </div>
	  		</div>
		</div>
	</div>
	
	<!-- 预览科室详情  aria-hidden="true"-->
	<div class="modal fade bs-example-modal-lg" id="modal_scan" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
	  <div class="modal-dialog modal-lg">
	    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal">
			        <span aria-hidden="true">&times;</span>
			        <span class="sr-only">Close</span>
		        </button>
		        <h4 class="modal-title">预览科室详情</h4>
		      </div>
		      <div class="modal-body">
		         <form class="form-horizontal" role="form">
				   <div class="form-group">
				  	  <label class="col-sm-2 control-label">科室名称*</label>
					  <div class="col-sm-4">
					      <input type="text" name="name" class="form-control" id="scan_name" required="required" disabled="disabled">
					  </div>
				  	  <label class="col-sm-2 control-label">主治疾病*</label>
					  <div class="col-sm-4">
					      <input type="text" name="treatDisease" class="form-control" id="scan_disease" required="required" disabled="disabled">
					  </div>
				   </div>
				</form>
		      </div>
		      <div class="modal-footer">
		          <button type="button" class="btn btn-primary"  data-dismiss="modal">确定</button>
		          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
		      </div>
	    </div>
	  </div>
	</div>
  </body>
</html>